<template>
  <div>
    <van-tabbar v-model="active" active-color="#333" inactive-color="#999">
      <van-tabbar-item name="Home" icon="idcard" to="/">演出</van-tabbar-item>
      <van-tabbar-item icon="coupon-o" to="/ticked">票夹</van-tabbar-item>
      <van-tabbar-item icon="bag-o" to="/Ambitus" name="Ambitus">周边</van-tabbar-item>
      <van-tabbar-item name="cFunding" icon="flower-o" to="/cfunding"
        >众筹</van-tabbar-item
      >
      <van-tabbar-item name="Mine" icon="user-o" to="/mine"
        >我的</van-tabbar-item
      >
    </van-tabbar>
  </div>
</template>
<script>
export default {
  name: "tabbars",
  props: {},
  data() {
    return {
      active: "Home",
    };
  },
  computed: {},
  created() {
    this.active = this.$route.name;
  },
  mounted() {},
  watch: {},
  methods: {},
  components: {},
};
</script>

<style scoped lang="less">
</style>
